<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="vue.min.js"></script>
</head>
<body>
<div id="app">
  <p v-text="message | reverse"></p>
  <p v-text="message | wrap 'before' 'after' "></p>
</div>
</body>
<script>
  Vue.filter('reverse', function (value) {
    return value.split('').reverse().join('')
  });
  Vue.filter('wrap', function (value, begin, end) {
    // value-本身变量的值, begin-第一个参数, end-第二个参数
    return begin + value + end;
  })
  var vm = new Vue({
    el: '#app',
    data: {
      message: 'Shelley'
    }
  })
</script>
</html>